.all,
.all1 {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}
.all:after,.all1:after{
	content: "";
	position: absolute;
	height: 2000px;
	width: 2000px;
	top: -10%;
	transform: translateY(1%);
	background-image: linear-gradient(-45deg, #4481eb 0%, #04befe 100%);
	transition: 1.5s ease-in-out;
	border-radius: 50%;
	z-index: 6;
}

.all:after {
	right: 48%;
}

.all1:after {
	right: -80%;
}

.btnRight {
	position: absolute;
	bottom: 100px;
	right: 0;
	z-index: 10;
}

.btnLeft {
	position: absolute;
	left: 0;
	bottom: 100px;
	z-index: 10;
}

.time {
	position: relative;
	z-index: 10;
}

.text{
	position: absolute;
	bottom: 300px;
	z-index: 10;
	font-size: 20px;
	transition: 1s;
	opacity: .8;
}

.textLeft {
	left: 70px;
}

.textRight {
	right: 70px;
}

.text p {
	width: 320px;
	font-family: fantasy;
	font-weight: bold;
}

.text p span {
	color: rgb(117, 59, 114);
}

.login {
	position: absolute;
	background-color: #fff;
	padding: 30px;
	border-radius: 14px;
	opacity: 0.8;
}

.loginRight {
	right: 160px;
	width: 400px;
}

.loginLeft {
	left: -700px;
	width: 400px;
}

.img {
	position: absolute;
	top: 0;
}

.imgLeft {
	right: 200px;
}

.imgRight {
	left: 200px;
}